import { createContext, Suspense } from "react";
import UseHooksApi from "./components/useHooks.tsx";
import UseFormStatus from "./components/UseFormStatus.tsx";
import UseFormAction from "./components/FormHandle.tsx";
import UseActionState from "./components/USEACTIONState.tsx";
import Left from "./components/Left.tsx";
import Right from "./components/Right.tsx";
export const AppContext = createContext("dasdas");
const App = () => {
  const name = "19react新特性";
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <AppContext.Provider value={name}>
          <UseHooksApi />
          <UseFormAction />
          <UseFormStatus></UseFormStatus>
          <UseActionState />
        </AppContext.Provider>
      </Suspense>
    </div>
  );
};

export default App;
